<script lang="ts" setup>
import { computed, onMounted, ref } from 'vue'
import ProductListView from '../../components/Products/ProductListView.vue'
import { ProductStore } from '../../store/products'

const products = ProductStore()
const favListing = computed(() => {
  return products.myFav
})
const isEmpty = computed(() => {
  return products.myFav.length === 0
})

onMounted(async () => {
  await products.getFav()
})
</script>

<template>
  <div>
    <div v-if="isEmpty" class="empty">
      <svg
        width="400px" height="200px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
        style="margin: 20px auto;"
        xmlns:xlink="http://www.w3.org/1999/xlink"
      >
        <title>没有收藏</title>
        <defs>
          <linearGradient id="linearGradient-1" x1="-13.5823507%" y1="50%" x2="50%" y2="47.2031971%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-2" x1="-9.33772794e-14%" y1="-3.10559006%" x2="100%" y2="-3.10559006%">
            <stop stop-color="#FFF5DE" offset="0%" />
            <stop stop-color="#FBD2AC" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-3" x1="-13.5823507%" y1="50%" x2="50%" y2="47.6284444%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-4" x1="-13.5823507%" y1="50%" x2="50%" y2="47.629463%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-5" x1="-13.5823507%" y1="50%" x2="50%" y2="47.6298828%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-6" x1="-13.5823507%" y1="50%" x2="50%" y2="43.4230204%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-7" x1="43.1398925%" y1="-6.4516129%" x2="60.3365636%" y2="0%">
            <stop stop-color="#AFDEF9" offset="3.15726754%" />
            <stop stop-color="#7CC9F9" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-8" x1="5.92025809%" y1="60.8571499%" x2="59.966368%" y2="37.0542203%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-9" x1="44.4926371%" y1="-6.4516129%" x2="58.2982966%" y2="0%">
            <stop stop-color="#AFDEF9" offset="3.15726754%" />
            <stop stop-color="#7CC9F9" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-10" x1="28.4038852%" y1="87.0084871%" x2="50%" y2="30.4810963%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-11" x1="80.1766865%" y1="78.1244605%" x2="40.1612594%" y2="1.20356745%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-12" x1="16.9636606%" y1="77.6033014%" x2="73.1106367%" y2="27.3104148%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-13" x1="0%" y1="66.879116%" x2="84.977599%" y2="36.1255675%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-14" x1="0%" y1="64.3617284%" x2="84.977599%" y2="38.1948302%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-15" x1="0%" y1="63.9354617%" x2="84.977599%" y2="38.5452163%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-16" x1="-36.1626137%" y1="38.1018009%" x2="50%" y2="38.1018009%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-17" x1="-5.66640414%" y1="89.9245654%" x2="72.2676401%" y2="16.6994006%">
            <stop stop-color="#98D6FA" offset="0%" />
            <stop stop-color="#47B0F1" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-18" x1="0%" y1="-11.7647059%" x2="100%" y2="-11.7647059%">
            <stop stop-color="#F5DDA7" offset="0%" />
            <stop stop-color="#FA9A41" offset="100%" />
          </linearGradient>
          <linearGradient
            id="linearGradient-19" x1="86.2750219%" y1="-2.80504909%" x2="-2.70574742e-12%"
            y2="-2.80504909%"
          >
            <stop stop-color="#1D181C" offset="0%" />
            <stop stop-color="#2C2422" offset="30%" />
            <stop stop-color="#42352C" offset="50%" />
            <stop stop-color="#57352C" offset="70%" />
            <stop stop-color="#923629" offset="100%" />
          </linearGradient>
          <linearGradient
            id="linearGradient-20" x1="86.2750219%" y1="-2.80504909%" x2="-2.70574742e-12%"
            y2="-2.80504909%"
          >
            <stop stop-color="#1D181C" offset="0%" />
            <stop stop-color="#2C2422" offset="30%" />
            <stop stop-color="#42352C" offset="50%" />
            <stop stop-color="#57352C" offset="70%" />
            <stop stop-color="#923629" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-21" x1="100%" y1="-2.96987539%" x2="0.581465918%" y2="-2.96987539%">
            <stop stop-color="#FFB859" offset="0%" />
            <stop stop-color="#F97B61" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-22" x1="100%" y1="-2.96987539%" x2="0.581465918%" y2="-2.96987539%">
            <stop stop-color="#FFB859" offset="0%" />
            <stop stop-color="#F97B61" offset="100%" />
          </linearGradient>
          <linearGradient id="linearGradient-23" x1="100%" y1="-2.96987539%" x2="0.581465918%" y2="-2.96987539%">
            <stop stop-color="#FFB859" offset="0%" />
            <stop stop-color="#F97B61" offset="100%" />
          </linearGradient>
        </defs>
        <g id="没有收藏" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
          <rect id="矩形" fill="#FFFFFF" opacity="0" x="0" y="0" width="1024" height="1024" />
          <g id="背景" transform="translate(-10.925399, 125.000000)" fill-rule="nonzero">
            <path
              id="路径-58"
              d="M87.7222308,456.766916 C80.0492274,423.67151 30.1022806,208.146339 171.323307,178.512529 C312.544333,148.878718 395.972947,183.393328 458.023811,123.051676 C520.074675,62.7100235 535.549093,72.613831 586.515601,76.6047879 C637.482109,80.5957448 696.551563,37.0388532 716.400276,23.9553401 C736.248989,10.871827 915.459428,-73.3066327 961.276528,178.512529 C968.517655,287.383698 974.535248,405.496594 923.838362,450.237259 C873.141476,494.977924 924.764528,535.151398 961.276528,539.615502 C997.788527,544.079607 944.206939,620.525811 859.876058,653.901824 C803.805493,679.056083 441.11611,751.180384 223.920174,677.040997 C119.040265,632.124956 95.3952341,489.862323 87.7222308,456.766916 Z" fill="#47B0F1" opacity="0.05"
            />
            <path
              id="形状结合"
              d="M168.925399,204 L168.925997,204.150149 C172.349059,204.845285 174.925399,207.871774 174.925399,211.5 L174.925399,212.5 C174.925399,216.642136 171.567535,220 167.425399,220 L88.4253989,220 C84.2832633,220 80.9253989,216.642136 80.9253989,212.5 L80.9253989,211.5 C80.9253989,207.357864 84.2832633,204 88.4253989,204 L119.925399,204 C123.710851,204 126.794498,200.995217 126.92134,197.24065 L126.925399,197 C126.925399,193.214548 123.920616,190.130901 120.166049,190.004059 L119.925399,190 L116.925399,190 L116.925805,189.850055 C113.502242,189.155307 110.925399,186.12858 110.925399,182.5 L110.925399,181.5 C110.925399,177.357864 114.283263,174 118.425399,174 L197.425399,174 C201.567535,174 204.925399,177.357864 204.925399,181.5 L204.925399,182.5 C204.925399,186.642136 201.567535,190 197.425399,190 L165.925399,190 C162.139947,190 159.0563,193.004783 158.929458,196.75935 L158.925399,197 C158.925399,200.785452 161.930182,203.869099 165.684749,203.995941 L165.925399,204 L168.925399,204 Z" fill="url(#linearGradient-1)" opacity="0.100000001"
            />
            <path
              id="形状结合"
              d="M868.925399,34 L868.925997,34.1501485 C872.349059,34.845285 874.925399,37.8717743 874.925399,41.5 L874.925399,42.5 C874.925399,46.6421356 871.567535,50 867.425399,50 L788.425399,50 C784.283263,50 780.925399,46.6421356 780.925399,42.5 L780.925399,41.5 C780.925399,37.3578644 784.283263,34 788.425399,34 L819.925399,34 C823.710851,34 826.794498,30.9952166 826.92134,27.2406498 L826.925399,27 C826.925399,23.2145483 823.920616,20.1309013 820.166049,20.004059 L819.925399,20 L816.925399,20 L816.925805,19.8500552 C813.502242,19.1553066 810.925399,16.1285803 810.925399,12.5 L810.925399,11.5 C810.925399,7.35786438 814.283263,4 818.425399,4 L897.425399,4 C901.567535,4 904.925399,7.35786438 904.925399,11.5 L904.925399,12.5 C904.925399,16.6421356 901.567535,20 897.425399,20 L865.925399,20 C862.139947,20 859.0563,23.0047834 858.929458,26.7593502 L858.925399,27 C858.925399,30.7854517 861.930182,33.8690987 865.684749,33.995941 L865.925399,34 L868.925399,34 Z" fill="url(#linearGradient-1)" opacity="0.100000001"
            />
            <path
              id="形状结合"
              d="M525.44197,587 C656.546603,587 774.70322,597.788312 857.228344,615.013362 C937.989145,615.660019 1002.9254,640.030791 1002.9254,670 C1002.9254,694.229977 960.47882,714.80045 901.536221,722.132354 C888.569443,725.884939 874.130297,729.433119 858.378638,732.745641 C858.740426,734.812004 858.925399,736.897944 858.925399,739 C858.925399,790.914766 746.101156,833 606.925399,833 C482.272656,833 378.758797,799.239705 358.512758,754.894193 C191.123049,742.128701 72.9253989,710.721174 72.9253989,674 C72.9253989,625.951227 275.292692,587 525.44197,587 Z" fill="url(#linearGradient-2)"
            />
            <g id="大雁" transform="translate(660.099546, 36.907158)">
              <path
                id="路径"
                d="M37.4312095,64.7423818 L37.4312095,64.6452119 C32.1058219,49.6073265 14.7356607,42.5306746 0,44.7153228 C10.9264423,37.9201286 28.9638433,36.1107574 37.4343421,46.5280447 L37.4343421,46.6185133 C45.8923106,36.2916945 64.0268216,38.0139479 74.8686842,44.8057914 C60.1455538,42.7216638 42.77226,49.7882636 37.4343421,64.7356804 L37.4312095,64.7423818 Z" fill="url(#linearGradient-3)"
              />
              <path
                id="路径"
                d="M120.860322,52.2014603 L120.860322,52.1377972 C117.160744,41.7138085 105.128501,36.8184542 94.9131541,38.3229128 C102.484602,33.6151969 114.989865,32.3586891 120.860322,39.5794206 L120.860322,39.6430837 C126.730779,32.4860153 139.292428,33.67886 146.80749,38.3865759 C136.592143,36.9424296 124.566165,41.8411347 120.860322,52.2014603 L120.860322,52.2014603 Z" fill="url(#linearGradient-4)"
              />
              <path
                id="路径"
                d="M86.0679846,17.7234613 L86.0679846,17.6597983 C82.3684066,7.23580958 70.3361632,2.34045519 60.1208168,3.84491386 C67.6922649,-0.862802022 80.197528,-2.11930982 86.0679846,5.10142166 L86.0679846,5.16508473 C91.9384413,-1.9919837 104.500091,-0.79913896 112.015152,3.90857693 C101.799806,2.46443063 89.7738279,7.3631357 86.0679846,17.7234613 L86.0679846,17.7234613 Z" fill="url(#linearGradient-4)"
              />
              <path
                id="路径"
                d="M191.548904,58.1616316 L191.548904,58.1180727 C188.986453,50.8939905 180.641257,47.4963934 173.561624,48.5418079 C178.81183,45.2782383 187.479681,44.4070596 191.548904,49.4129867 L191.548904,49.4565456 C195.621259,44.4941775 204.326702,45.3217973 209.536184,48.5853668 C202.456551,47.5801606 194.111355,50.9811084 191.548904,58.1616316 Z" fill="url(#linearGradient-5)"
              />
            </g>
            <g id="绿植" transform="translate(0.000000, 469.157511)">
              <path
                id="路径-61"
                d="M53.4579208,97.7847305 C18.7211621,88.9919949 5.51519106,98.6448032 13.8400076,126.743156 C17.2768648,135.307054 21.6179554,140.267707 26.8632792,141.625117 C42.2267921,154.803478 51.0916726,165.971312 53.4579208,175.128619 C57.0072929,188.86458 70.6197469,202.733737 96.1649191,188.931178 C113.195034,179.729472 127.390936,187.611424 138.752626,212.577035 C163.918858,236.006441 201.646652,240.485951 251.936008,226.015566 C302.225365,211.545181 294.797427,188.486591 229.652195,156.839796 C212.849853,153.406508 200.181906,151.689865 191.648355,151.689865 C183.114804,151.689865 177.463354,143.374295 174.694005,126.743156 C172.893304,116.34828 164.032796,110.087373 148.11248,107.960436 C132.192164,105.833499 124.547998,99.3505574 125.179981,88.5116107 C112.58823,75.545727 100.290346,75.545727 88.2863266,88.5116107 C76.2823076,101.477494 64.672839,104.568534 53.4579208,97.7847305 Z" fill="url(#linearGradient-6)"
                transform="translate(148.112480, 156.545047) rotate(10.000000) translate(-148.112480, -156.545047)"
              />
              <path
                id="形状结合"
                d="M128.357876,61.8772723 L139.708518,118.792492 C147.102266,107.926046 152.423641,98.4478044 155.672643,90.3577665 C160.484426,78.3763885 149.169419,111.841061 140.173455,121.127486 L149.63639,168.578733 C149.645965,168.513344 149.656389,168.449987 149.667663,168.388661 C162.67777,156.94852 170.895007,148.098659 174.319374,141.839075 C173.679437,146.283538 157.476925,166.540868 150.225374,171.539333 L158.930067,215.183483 C158.957143,214.862431 158.980375,214.651495 158.980375,214.651495 C158.980375,214.651495 170.424065,205.903486 174.319374,199.624769 C174.068987,202.241567 164.305398,213.580138 159.442775,217.757845 L166.625116,253.775222 L161.152021,253.775222 L154.642076,215.683175 C145.056775,213.216902 136.254724,205.490142 132.63269,201.122197 C140.695168,207.831691 147.787135,211.53314 153.908592,212.226545 C154.031116,213.306678 154.243439,214.271485 154.545563,215.120968 L136.214888,107.844899 C136.198618,108.140956 136.168439,108.434419 136.12435,108.725288 C125.50581,100.730628 117.714835,91.8155981 112.751425,81.9801986 C114.522037,81.3968589 119.762198,95.8303018 135.848668,105.71297 L128.357876,61.8772723 Z M103.238822,145.449865 C110.476935,153.117211 124.487041,158.514569 145.269141,161.641939 C145.199057,162.54413 145.199057,163.589954 145.269141,164.779412 C125.05606,162.407149 109.416656,153.794333 103.238822,145.449865 Z" fill="url(#linearGradient-7)"
                transform="translate(138.779098, 157.826247) rotate(-45.000000) translate(-138.779098, -157.826247)"
              />
              <path
                id="路径-65"
                d="M100.496525,13.1192019 C68.3285506,-8.77204952 53.4010573,-3.26680461 55.7140452,29.6349366 C61.9026183,53.2030454 65.9619965,68.9582926 63.9323074,83.4041721 C61.9026183,97.8500517 68.2472324,125.149784 100.496525,136.352578 C121.996053,143.821106 128.034527,154.418116 118.611946,168.143606 C113.881324,189.217665 139.9571,204.343139 196.839274,213.520027 C282.162536,227.285361 261.833383,195.652719 239.897382,161.364899 C224.027229,145.480093 221.903337,135.784371 221.903337,123.644346 C221.903337,111.504321 233.51901,91.6604587 200.14408,83.4041721 C185.486559,80.0715009 177.801522,65.4135325 177.088969,39.4302669 C174.782644,26.3698265 160.791703,23.1047164 135.116145,29.6349366 C123.694555,31.8301289 112.154681,26.324884 100.496525,13.1192019 Z" fill="url(#linearGradient-8)"
              />
              <path
                id="形状结合"
                d="M132.265793,14.8667685 L144.366738,70.8957685 L144.50287,70.7771673 C152.074817,64.0828933 156.911496,55.9518327 159.012906,46.3839853 L159.077738,46.0747685 L159.072047,46.1190409 C157.984672,53.6751711 158.206027,63.4270148 144.96281,73.6504051 L155.214738,121.128769 L155.507784,120.971226 C164.596231,115.963306 172.1694,107.249088 178.227291,94.8285717 C177.584791,99.2908322 168.96993,117.022913 155.89698,124.283812 L164.982203,166.350593 C167.636591,164.741196 174.635034,159.979484 178.227291,152.614266 C176.551091,158.07617 173.285119,164.909693 165.6606,169.489893 L179.068008,231.572551 L173.470997,228.842707 L161.516396,166.766296 C141.554906,165.760351 133.721891,158.288622 130.145364,153.975556 C138.030824,160.537738 148.268673,163.661789 160.858911,163.34771 L151.768386,116.140769 C151.776756,116.474589 151.791551,116.821578 151.812772,117.181736 C131.599691,114.809472 113.324572,106.78383 107.146738,98.4393607 C114.384851,106.106707 129.273529,111.308341 151.812772,114.044263 L151.353738,113.987769 L141.225572,61.3832515 C141.208927,61.565688 141.186929,61.7471264 141.159578,61.9275666 C128.078098,56.5155778 119.911352,47.5296205 116.659341,34.9696948 C118.427873,34.3870402 120.784183,50.1179685 140.745474,58.903355 L132.265793,14.8667685 Z" fill="url(#linearGradient-9)"
                transform="translate(143.107373, 123.219660) rotate(-26.000000) translate(-143.107373, -123.219660)"
              />
              <path
                id="路径-96"
                d="M210.126368,14.594686 C222.545375,-2.66511618 233.662578,-0.913530277 243.477977,19.8494437 C248.236888,37.7903021 240.72244,49.1966794 265.298493,57.3519642 C281.682529,62.7888208 284.161791,74.1716616 272.736279,91.5004868 C267.964121,102.404197 271.489923,109.373709 283.313684,112.409024 C295.137446,115.444338 293.715218,127.517382 279.046999,148.628157 C273.962442,160.201369 273.962442,167.934544 279.046999,171.827682 C286.673836,177.66739 301.328876,195.179148 283.313684,229.219126 C265.298493,263.259105 222.853604,236.822667 216.489986,220.818047 C210.126368,204.813427 222.853604,182.767143 216.489986,171.827682 C210.126368,160.888221 173.02471,157.12147 182.93685,124.310978 C191.186456,110.887444 202.671075,107.007173 191.140868,84.150088 C179.610661,61.2930028 176.683549,70.4768325 191.140868,47.9608957 C197.453469,41.4908822 203.781969,30.3688123 210.126368,14.594686 Z" fill="url(#linearGradient-10)"
              />
              <path
                id="形状结合"
                d="M227.031254,44.3491751 L238.381895,101.264395 C245.775644,90.397949 251.097019,80.9197072 254.34602,72.8296692 C259.157803,60.8482913 247.842797,94.3129634 238.846832,103.599388 L248.309767,151.050636 C248.319342,150.985247 248.329766,150.92189 248.34104,150.860564 C261.351147,139.420423 269.568384,130.570561 272.992752,124.310978 C272.352814,128.755441 256.150302,149.012771 248.898751,154.011236 L257.603444,197.655386 C257.63052,197.334334 257.653752,197.123397 257.653752,197.123397 C257.653752,197.123397 269.097442,188.375389 272.992752,182.096672 C272.742365,184.713469 262.978776,196.05204 258.116152,200.229748 L265.298493,236.247125 L259.825398,236.247125 L253.315454,198.155078 C243.730152,195.688804 234.928101,187.962045 231.306067,183.594099 C239.368545,190.303594 246.460512,194.005043 252.581969,194.698448 C252.704493,195.778581 252.916816,196.743388 253.21894,197.592871 L234.888265,90.3168021 C234.871996,90.6128587 234.841816,90.9063217 234.797727,91.1971908 C224.179187,83.2025307 216.388212,74.2875009 211.424802,64.4521014 C213.195414,63.8687616 218.435575,78.3022046 234.522045,88.1848725 L227.031254,44.3491751 Z M201.912199,127.921767 C209.150312,135.589113 223.160419,140.986472 243.942519,144.113842 C243.872435,145.016033 243.872435,146.061857 243.942519,147.251315 C223.729438,144.879052 208.090033,136.266236 201.912199,127.921767 Z" fill="url(#linearGradient-7)"
              />
            </g>
            <g id="石头" transform="translate(906.925399, 613.000000)">
              <path
                id="路径-38"
                d="M42.3959886,49.5164474 C45.3020221,27.3131416 37.8366926,15.351725 20,13.6321975 C44.1424324,11.3251757 60.1235326,26.0173187 60.3823024,49.5164474 C55.3770448,49.6908524 49.3816069,49.6908524 42.3959886,49.5164474 Z" fill="url(#linearGradient-11)"
              />
              <path
                id="路径-39"
                d="M54.120901,49.6472512 C58.8339305,27.2411086 53.0371808,10.6920249 36.7306519,0 C57.5522392,6.56657635 72.5106644,16.4351231 77.3732031,49.6472512 C71.0188781,50.1175829 63.2681108,50.1175829 54.120901,49.6472512 Z" fill="url(#linearGradient-12)"
              />
              <path
                id="路径-40"
                d="M81.0677818,50 C78.9833933,28.7044584 86.627466,16.502709 104,13.3947519 C87.886355,12.9867807 69.9112687,11.9056548 57.0519275,50 C67.9497157,49.6502805 75.9550005,49.6502805 81.0677818,50 Z" fill="url(#linearGradient-13)"
              />
              <path
                id="椭圆形"
                d="M31.4123189,63.9990036 C48.2570038,63.9990036 61,64.4087768 61,48.6086537 C61,32.8085305 47.3446849,20 30.5,20 C13.6553151,20 0,32.8085305 0,48.6086537 C0,64.4087768 14.567634,63.9990036 31.4123189,63.9990036 Z" fill="url(#linearGradient-14)"
              />
              <path
                id="椭圆形备份-6"
                d="M64.5683298,63.9993886 C75.0617401,63.9993886 83,64.2508403 83,54.5553102 C83,44.8597801 74.4934102,37 64,37 C53.5065898,37 45,44.8597801 45,54.5553102 C45,64.2508403 54.0749196,63.9993886 64.5683298,63.9993886 Z" fill="url(#linearGradient-15)"
              />
            </g>
          </g>
          <g id="报纸" transform="translate(291.000000, 365.000000)">
            <path
              id="路径-81"
              d="M0.00799816487,126.275443 L0.00799816487,305.438576 C-0.447852187,349.763247 18.5819745,371.919431 57.0974782,371.907128 C95.6129819,371.892217 167.68332,371.892217 273.308494,371.907128 C217.970648,346.686646 199.786953,321.335002 218.757407,295.852196 C218.545779,265.388142 218.545779,208.862558 218.757407,126.275443 L0.00799816487,126.275443 Z" fill="url(#linearGradient-16)" fill-rule="nonzero"
            />
            <path
              id="路径-80"
              d="M125.43724,0 L390.934934,0 L390.934934,283.376171 C384.92937,336.412012 356.786583,365.84791 306.506572,371.683865 C257.015923,371.981548 169.262071,371.981548 43.2450148,371.683865 C95.4071288,356.21442 122.804537,330.952571 125.43724,295.89832 C128.069943,260.844068 128.069943,162.211295 125.43724,0 Z" fill="url(#linearGradient-17)" fill-rule="nonzero"
            />
            <rect
              id="矩形备份-13" fill="#FFFFFF" x="152.222452" y="53.6238184" width="46.704616"
              height="24.2172083"
            />
            <rect
              id="矩形备份-15" fill="#FFFFFF" x="207.576071" y="53.6238184" width="62.2728214"
              height="24.2172083"
            />
            <rect id="矩形" fill="#FFFFFF" x="153.952253" y="102.058235" width="115.89664" height="24.2172083" />
            <rect
              id="矩形备份-12" fill="#FFFFFF" x="153.952253" y="150.492652" width="207.576071"
              height="24.2172083"
            />
            <rect
              id="矩形备份-14" fill="#98D6FA" x="153.952253" y="198.927068" width="207.576071"
              height="24.2172083"
            />
            <rect
              id="矩形备份-16" fill="#98D6FA" x="153.952253" y="247.361485" width="207.576071"
              height="24.2172083"
            />
            <rect
              id="矩形备份-17" fill="#98D6FA" x="153.952253" y="295.795901" width="207.576071"
              height="24.2172083"
            />
            <path
              id="路径"
              d="M322.994136,51.9921862 C323.52607,50.8751398 324.648743,50.1642172 325.880824,50.1642172 C327.112905,50.1642172 328.235578,50.8751398 328.767511,51.9921862 L338.042036,71.5114897 C338.509321,72.4934369 339.438956,73.1712479 340.512683,73.3128758 L361.852411,76.143625 C363.073335,76.3081628 364.09193,77.1624512 364.471628,78.3403433 C364.851325,79.5182354 364.524717,80.8106215 363.631788,81.6635863 L348.027032,96.5571881 C347.23925,97.3065418 346.882682,98.4059555 347.079738,99.4780067 L351.003329,120.747228 C351.226162,121.965514 350.733242,123.204169 349.735988,123.931923 C348.738734,124.659676 347.414344,124.747216 346.330863,124.156994 L327.416977,113.837626 C326.463185,113.31591 325.311264,113.31591 324.357472,113.837626 L305.443586,124.156994 C304.360105,124.747216 303.035714,124.659676 302.03846,123.931923 C301.041206,123.204169 300.548287,121.965514 300.77112,120.747228 L304.68831,99.4780067 C304.886969,98.4070711 304.53287,97.3078426 303.747416,96.5571881 L288.14266,81.6635863 C287.249731,80.8106215 286.923123,79.5182355 287.302821,78.3403434 C287.682518,77.1624513 288.701113,76.3081628 289.922038,76.143625 L311.261766,73.3128758 C312.335493,73.1712478 313.265128,72.4934368 313.732412,71.5114897 L323.000536,51.9921862 L322.994136,51.9921862 Z" fill="#FFFFFF"
            />
          </g>
          <path
            id="路径"
            d="M798.335967,833.445064 C777.192322,843.475408 786.579582,846.386112 794.505822,849.422844 C809.059553,854.998727 803.910667,862.383656 797.883737,869.35794 C788.96371,879.680078 716.064991,911.792965 631.194585,905.124215 C552.053826,898.918195 559.324874,866.758489 577.105465,850.127443 C591.429584,836.762724 657.133696,801.785811 737.084079,796.110569 C785.194435,792.680926 806.805172,797.988706 811.662916,803.731997 C819.696879,813.245173 821.877346,822.271505 798.335967,833.445064 Z" fill="url(#linearGradient-18)" fill-rule="nonzero" opacity="0.4"
            transform="translate(691.375527, 850.527261) scale(-1, 1) rotate(8.000000) translate(-691.375527, -850.527261)"
          />
          <g
            id="人物"
            transform="translate(668.107051, 676.792384) scale(-1, 1) translate(-668.107051, -676.792384) translate(588.107051, 473.317936)"
            fill-rule="nonzero"
          >
            <path
              id="路径"
              d="M72.2320678,391.646245 C72.3450621,395.934974 71.3846106,398.079339 72.782915,400.160634 C74.1812193,402.241929 79.9906891,404.154879 82.8204302,402.747332 C86.4078248,400.96292 92.4002913,397.486501 94.106551,396.544352 C95.8128107,395.602202 107.380559,388.826301 107.669903,384.554425 C107.959246,380.28255 101.257477,379.013937 93.3549382,381.978206 C85.4524,384.942474 74.4495808,390.153599 74.4495808,390.153599 L72.2320678,391.646245 Z" fill="#333333"
              transform="translate(89.846770, 391.797297) rotate(13.000000) translate(-89.846770, -391.797297)"
            />
            <path
              id="路径"
              d="M2.19307836,372.52188 C2.35009244,380.130824 1.28121354,381.992881 3.64356165,384.400682 C6.00590976,386.808484 18.3344834,380.36444 19.67327,379.587642 C21.0120566,378.810843 33.1676729,371.190679 33.8742363,367.822667 C34.5807996,364.454654 29.2214567,362.683165 23.7331011,364.545393 C18.8085688,366.218487 11.2356616,367.553517 11.2356616,367.553517 L2.19307836,372.52188 Z" fill="#333333"
              transform="translate(18.010938, 374.363704) rotate(14.000000) translate(-18.010938, -374.363704)"
            />
            <path
              id="路径"
              d="M26.2838054,179.062113 C26.2838054,179.062113 22.1325966,186.644042 20.442156,210.268893 C18.7517153,233.893745 28.7659714,289.758277 21.8758208,304.196906 C14.9856702,318.635536 2.98650479,362.892593 2.98650479,362.892593 C2.98650479,362.892593 -0.187200911,386.711439 19.3063618,372.49637 C28.8070664,349.201167 44.3009073,321.580402 48.2809321,307.757117 C52.260957,293.933832 62.1896212,207.258098 62.1896212,207.258098 L26.2838054,179.062113 Z" fill="url(#linearGradient-19)"
            />
            <path
              id="路径"
              d="M40.5814122,201.176765 C40.5814122,201.176765 42.4365397,210.53622 46.9784037,233.737124 C51.5202676,256.938028 78.4516017,307.909711 75.6156022,323.816392 C72.7796026,339.723072 73.057803,385.549081 73.057803,385.549081 C73.057803,385.549081 75.6156022,408.784551 90.4139758,389.393928 C93.4205618,364.347497 101.971207,334.230434 102.163117,319.817751 C102.355027,305.405068 86.1493148,200.033888 86.1493148,200.033888 L40.5814122,201.176765 Z" fill="url(#linearGradient-20)"
            />
            <path
              id="路径"
              d="M126.761027,56.8423071 C131.542889,53.5927598 129.462285,50.4720493 137.83407,45.4331038 C142.869836,42.3982844 144.930827,46.4280092 148.584225,45.4331038 C152.237624,44.4381984 157.130642,39.2811447 159.613261,41.4856834 C160.939205,42.6738438 159.0562,44.1353019 150.825474,50.5270324 C150.825474,50.5270324 139.54087,58.2866136 137.83407,58.4941838 C136.12727,58.701754 130.414426,64.8087081 130.414426,64.8087081 L126.761027,56.8423071 Z" fill="#EFBA9E"
            />
            <path
              id="路径"
              d="M40.2775468,50.3675498 C43.2649105,45.5631501 44.4825089,38.3565504 42.9675899,34.6260753 C41.4526709,30.8956002 36.8795975,11.3883241 52.0146297,5.8279379 C67.1496619,0.267551704 78.9929307,13.1546475 76.4232316,28.0977439 C73.8535325,43.0408402 72.3244554,51.3213645 68.3531022,51.8512615 C64.3817491,52.3811585 62.8073553,57.5483956 61.9366308,60.7065819 C61.0659064,63.8647683 44.2488999,54.677379 44.2488999,54.677379 L40.2775468,53.377365 L40.2775468,50.3675498 Z" fill="#EBB0B0"
            />
            <path
              id="路径"
              d="M128.670331,50.8522706 C80.3597717,81.278991 79.1129113,89.1616344 61.1989782,79.4392358 C43.2850451,69.7168373 42.0340754,64.0183947 42.0340754,64.0183947 L26.8790577,96.9624453 C26.8790577,96.9624453 31.0531579,108.242444 58.5263545,115.742984 C85.9995512,123.243524 122.044486,79.4392358 133.646438,69.7521179 C143.153205,61.8143866 132.460224,48.4676649 128.670331,50.8522706 Z" fill="url(#linearGradient-21)"
            />
            <path
              id="路径"
              d="M40.7208883,49.7079999 C48.1066572,50.5270324 69.6343245,49.7079999 85.454214,94.720857 C92.7392539,115.449223 77.9502854,164.900312 91.2237441,193.350028 C95.9030808,203.377328 87.0897058,209.437095 77.5685887,209.437095 C66.065889,209.437095 19.9631133,211.680188 14.0944747,193.350028 C11.0787449,183.91883 13.7419644,122.34202 14.0944747,116.602237 C16.1221322,83.5867096 29.5456035,48.4687353 40.7208883,49.7079999 Z" fill="url(#linearGradient-22)"
            />
            <path
              id="路径"
              d="M85.62833,148.911909 C85.62833,148.911909 85.1266559,157.573419 84.4458125,160.177533 C82.8649447,162.431966 80.9902403,164.470992 78.8700633,166.242005 C75.000006,169.61037 69.259421,168.414458 69.6535935,172.14372 C70.047766,175.872981 74.2761619,172.419699 82.790288,173.735909 C90.0215617,175.278563 91.5050836,173.176873 91.5050836,173.176873 C91.5050836,173.176873 91.7344204,165.690046 91.8419219,161.55743 C92.1142593,151.339113 85.62833,148.911909 85.62833,148.911909 Z" fill="#EFBA9E"
            />
            <path
              id="路径"
              d="M55.3149185,98.8447952 C62.3036276,118.181366 97.7160684,157.446213 97.7160684,157.446213 C97.7160684,157.446213 86.6709229,155.733576 84.5007824,163.193585 C82.7803749,169.096476 83.6387096,173.123556 91.9980337,174.546196 C104.79758,176.733238 122.044486,174.050423 122.044486,165.196412 C122.044486,135.084306 84.4582867,82.2754667 77.6422687,77.5236094 C50.9256631,58.8978518 48.7331108,80.6123629 55.3149185,98.8447952 Z" fill="url(#linearGradient-23)"
            />
            <path
              id="路径"
              d="M71.0474881,0.176865176 C85.9080877,2.14228143 83.4575696,14.9701871 79.4782322,21.7543792 C75.4988948,28.5385712 75.2924533,26.2748231 69.7968389,29.6951278 C69.7968389,29.6951278 68.9121849,28.3238167 67.4243825,37.8301481 L64.7669019,38.6645981 C63.7774066,38.9255286 65.1697024,36.6556242 63.7602054,35.4497023 C62.3507085,34.2437805 57.6452666,37.2691634 59.4747652,41.5004682 C61.3042638,45.731773 61.2900264,44.5329033 61.2900264,44.5329033 C61.2900264,44.5329033 57.5171305,48.8065211 55.317461,48.0589906 C53.1177915,47.3114601 40.8256845,46.4034301 40.2775468,42.5952558 C39.7294091,38.7870815 35.7868596,34.3410811 36.5699135,24.1295322 C37.3529674,13.9179833 48.9075307,4.10769768 55.6306826,2.14228143 C62.3538344,0.176865176 67.3388569,-0.313626753 71.0474881,0.176865176 Z" fill="#131322"
            />
          </g>
        </g>
      </svg>
      <h2>你还没有收藏哦</h2>
    </div>
    <div v-else>
      <el-card class="content">
        <ProductListView :listing="favListing" />
      </el-card>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.content {
  margin: 20px;
}

.empty {
  position: relative;
  width: 100%;

  * {
    position: relative;
    text-align: center;
    margin: 30px auto;
  }
}
</style>
